<template>
	<view>
		<view class="box">
			<image class="bg" src="../../static/img/bg.jpg" mode="widthFix"></image>
			<text class="day">{{day}}</text>
			<view class="wz">
				<text class="a">￥</text><text class="b">{{money}}</text><text>.00</text>
			</view>
			<view class="btn" @click="goMany">
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				day:'08',
				money:'6596'
			};
		},
		methods:{
			goMany(){
				console.log('去众筹按钮')
			}
		}
	}
</script>

<style lang="scss">
.box{
	position: relative;
	.bg{
		vertical-align: middle;
		width: 100vw;
	}
	.wz{
		position: absolute;
		top: 50%;
		width: 100%;
		text-align: center;
		text{
			color: #FFFFFF;
			&:last-child{
				font-size: 50rpx;
			}
			&:first-child{
				font-size: 60rpx;
			}
			&:nth-child(2){
				font-size: 80rpx;
			}
		}
	}
	.btn{
		width: 400rpx;
		height: 100rpx;
		background: url(../../static/img/go.png) no-repeat;
		background-size: 100% 100%;
		position: absolute;
		left: calc(50% - 200rpx);
		top: 60%;
	}
	.day{
		position: absolute;
		left: 410rpx;
		top: 644rpx;
		// color: #FFFFFF;
		color: #2A34C4;
		font-size: 60rpx;
		font-weight: bold;
	}
}
</style>
